Sublime TextでCSSファイルを作る

①CSSファイルの1行目には「@charset "UTF-8"」と書く。

これはコードの文字化けを防ぐためのもので、これより先にCSSのコードを書いてしまうとエラーになってしまう。

必ず先頭に書く。

code:くま子の実態_style.css

@charset "UTF-8";　　　　　　　　　　　　　　　←1行目に書く

body {

background-color: #fee;　　　　　　　　　 ←背景をピンク色に指定

}

h1 {

color: #0bd;　　　　　　　　　　　　　　　　←水色の指定

}

P {

font-size: 20px;　　　　　　　　　　　　　　←文字サイズを

}　　　　　　　　　　　　　　　　　　　　　　　　20pxに指定

②CSSファイルを保存する。

CSSファイルに「.css」と拡張子をつけて保存する。CSSファイルのルールはHTMLファイルのルールと同じ。

③Sublime TextでHTMLファイルを作るで作成したHTMLファイルの<head>内に「<link rel="stylesheet" href="style.css">」と追加してCSSファイルを読み込ませる(CSSを適用させる方法)。

code:HTMLファイルにCSSファイルを読み込ませる

<!doctype html>

<head>　　　　　　　　　　　　　　　　　　　　　　　←<head>内に追加する。

<title>くま子の実態</title>

<body>

<h1>くま子の一日</h1>

<p>ひたすらアープラノートをいじっています。</p>

</body>

</head>

</html>

修正前

https://gyazo.com/e00be36ab317c478c40e058eb26beca2

結果

https://gyazo.com/c569517fec01181b6f684f70916e693f

なぜか背景がピンクにならない。なんで～？？？